{% extends 'BASEAPP/base.html' %}
{% block css %}
{% load static %}
<link rel="stylesheet" type="text/css" href="{% static 'css/studentGrades/bootstrap-table.min.css' %}" />
{% endblock %}
{% block js %}
{% load static %}
<script src="{% static 'js/BASEAPP/extend/bootstrap_table/bootstrap-table.min.js' %}" type="text/javascript" charset="utf-8"></script>
<script src="{% static 'js/BASEAPP/extend/bootstrap_table/bootstrap-table-zh-CN.min.js' %}" type="text/javascript"
 charset="utf-8"></script>
<script src="{% static 'js/studentGrades/studentGrades.js' %}" type="text/javascript" charset="utf-8" ></script>
{% endblock %}
{% block title %}学生个人学业情况统计{% endblock %}
{% block main %}
<div class="container">
	<div class="row">
		<div class="col">
			<form id="search">
				<div class="form-row align-items-center">
					<div class="col my-1">
						<input type="text" class="form-control" id="student_name" name="student_name" placeholder="*姓名,例如'张三'">
					</div>
					<div class="col my-1">
						<div class="input-group">
							<input type="number" class="form-control" id="student_no" name="student_no" placeholder="*学号,例如'160201456987'">
						</div>
					</div>
					<div class="col my-1">
						<div class="input-group">
							<input type="text" class="form-control" id="term" name="term" placeholder="学期,例如'1'">
						</div>
					</div>
					<div class="col my-1">
						<div class="input-group">
							<input type="number" class="form-control" id="academic_year" name="academic_year" placeholder="学年,例如'2016-2017'">
						</div>
					</div>
					<div class="col-auto my-1">
						<div class="form-check">
							<input class="form-check-input" type="radio" name="is_pass" id="all" value="" checked>
							<label class="form-check-label" for="all">
								全部
							</label>
						</div>
					</div>
					<div class="col-auto my-1">
						<div class="form-check">
							<input class="form-check-input" type="radio" name="is_pass" id="pass" value="true">
							<label class="form-check-label" for="pass">
								及格
							</label>
						</div>
					</div>
					<div class="col-auto my-1">
						<div class="form-check">
							<input class="form-check-input" type="radio" name="is_pass" id="fail" value="false">
							<label class="form-check-label" for="fail">
								不及格
							</label>
						</div>
					</div>
					<div class="col-auto my-1">
						<button type="submit" class="btn btn-primary"><span class="zi zi_search"></span></button>
					</div>
					<div class="col-auto my-1">
						<button type="reset" class="btn btn-primary"><span class="zi zi_redoalt"></span></button>
					</div>
				</div>
			</form>
		</div>
	</div>
	<div class="row mt-3">
		<div class="col">
			<table id="students_grade" >
				<thead>
					<tr>
						<th data-field="term" data-sortable="true">学期</th>
						<th data-field="academicyear" data-sortable="true">学年</th>
						<th data-field="studentno">学号</th>
						<th data-field="stuname">姓名</th>
						<th data-field="coursecode">课程代码</th>
						<th data-field="coursename">课程名称</th>
						<th data-field="finalscore">最终成绩</th>
					</tr>
				</thead>
			</table>
		</div>
	</div>
</div>
{% endblock %}
